﻿<!DOCTYPE html>
<html lang="zh-CN" ng-app="dataDisplay">
<head>
    <link href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
	
    <script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	
	<script src="//cdn.bootcss.com/angular.js/1.4.1/angular.min.js"></script>
	<script src="js/easy-select.js"></script>
	<script src="js/angular-controller.js"></script>
</head>

<body ng-controller="selectController">
<div>
<div class="form-group col-md-4 col-md-offset-2">
	<h2 style="margin:50px 0 30px 0">单选</h2>

	<div easy-select id='select1' ng-model="single" class="form-control">
		<option value="value1">Option1</option>
		<option value="value2">Option2</option>
		<option value="value3">Option3</option>
		<option value="value4">Option4</option>
	</div>
	
	<textarea class="form-control" rows="7" style="margin-top:30px" readonly><div easy-select id='select1' ng-model="single" class="form-control">
	<option value="value1">Option1</option>
	<option value="value2">Option2</option>
	<option value="value3">Option3</option>
	<option value="value4">Option4</option>
</div></textarea>

    <pre style="margin-top:30px;">Angular双向绑定值: {{ single }}</pre>

</div>

<div class="form-group col-md-4">
	<h2 style="margin:50px 0 30px 0">多选</h2>
	
	<div easy-select id='select2' ng-model="multi" class="form-control" multiple>
		<option value="value4">Multi1</option>
		<option value="value5">Multi2</option>
		<option value="value6">Multi3</option>
		<option value="value7">Multi4</option>
	</div>
	
	<textarea class="form-control" rows="7" style="margin-top:30px" readonly><div easy-select id='select2' ng-model="multi" class="form-control" multiple>
	<option value="value4">Multi1</option>
	<option value="value5">Multi2</option>
	<option value="value6">Multi3</option>
	<option value="value7">Multi4</option>
</div></textarea>

	<pre style="margin-top:30px;">Angular双向绑定值: {{ multi }}</pre>
	
</div>
</div>
</body>

</html>